<template>
  <div id="TableObjectList">
    <n-row id="TableObjectOperation">
      <n-col  span="2">
        <div style="margin-left: 1%">
          <n-icon size="15" >
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32">
              <path d="M4 20v2h4.586L2 28.586L3.414 30L10 23.414V28h2v-8H4z" fill="currentColor"></path>
              <path d="M20 22h4v2h-4z" fill="currentColor"></path>
              <path d="M16 18h4v2h-4z" fill="currentColor"></path>
              <path d="M20 14h4v2h-4z" fill="currentColor"></path>
              <path d="M8 14h4v2H8z" fill="currentColor"></path>
              <path
                  d="M27 3H5a2.003 2.003 0 0 0-2 2v11h2v-5h22v16H16v2h11a2.003 2.003 0 0 0 2-2V5a2.003 2.003 0 0 0-2-2zm0 6H5V5h22z"
                  fill="currentColor"></path>
            </svg>
          </n-icon>
          <span>打开表</span>
        </div>
      </n-col>
      <n-col  span="2">
        <div >
          <n-icon size="15">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32">
              <path d="M4 20v2h4.586L2 28.586L3.414 30L10 23.414V28h2v-8H4z" fill="currentColor"></path>
              <path d="M20 22h4v2h-4z" fill="currentColor"></path>
              <path d="M16 18h4v2h-4z" fill="currentColor"></path>
              <path d="M20 14h4v2h-4z" fill="currentColor"></path>
              <path d="M8 14h4v2H8z" fill="currentColor"></path>
              <path
                  d="M27 3H5a2.003 2.003 0 0 0-2 2v11h2v-5h22v16H16v2h11a2.003 2.003 0 0 0 2-2V5a2.003 2.003 0 0 0-2-2zm0 6H5V5h22z"
                  fill="currentColor"></path>
            </svg>
          </n-icon>
<!--          <n-tag> 设计表 </n-tag>-->

          <n-text>设计表</n-text>
        </div>
      </n-col>
      <n-col  span="2">
        <div style="margin-left: 1%">
          <n-icon size="15">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32">
              <path d="M4 20v2h4.586L2 28.586L3.414 30L10 23.414V28h2v-8H4z" fill="currentColor"></path>
              <path d="M20 22h4v2h-4z" fill="currentColor"></path>
              <path d="M16 18h4v2h-4z" fill="currentColor"></path>
              <path d="M20 14h4v2h-4z" fill="currentColor"></path>
              <path d="M8 14h4v2H8z" fill="currentColor"></path>
              <path
                  d="M27 3H5a2.003 2.003 0 0 0-2 2v11h2v-5h22v16H16v2h11a2.003 2.003 0 0 0 2-2V5a2.003 2.003 0 0 0-2-2zm0 6H5V5h22z"
                  fill="currentColor"></path>
            </svg>
          </n-icon>
          <span>新建表</span>
        </div>
      </n-col>
      <n-col  span="2">
        <div style="margin-left: 1%">
          <n-icon size="15">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32">
              <path d="M4 20v2h4.586L2 28.586L3.414 30L10 23.414V28h2v-8H4z" fill="currentColor"></path>
              <path d="M20 22h4v2h-4z" fill="currentColor"></path>
              <path d="M16 18h4v2h-4z" fill="currentColor"></path>
              <path d="M20 14h4v2h-4z" fill="currentColor"></path>
              <path d="M8 14h4v2H8z" fill="currentColor"></path>
              <path
                  d="M27 3H5a2.003 2.003 0 0 0-2 2v11h2v-5h22v16H16v2h11a2.003 2.003 0 0 0 2-2V5a2.003 2.003 0 0 0-2-2zm0 6H5V5h22z"
                  fill="currentColor"></path>
            </svg>
          </n-icon>
          <span>删除表</span>
        </div>
      </n-col>
      <n-col span="16"></n-col>
    </n-row>

  </div>

</template>

<script setup>

</script>

<style scoped>
#TableObjectList {
  width: 100%;
}

#TableObjectOperation {
  width: 100%;
  height: 5%;
  /*display: flex;*/
  /*justify-content: center;*/
  /*align-items: center;*/
  background-color: #f0f0f0;
}

</style>